<template>
	<!-- 提醒事项下的车辆信息模块 -->
	<view class="boxContrainer">
		<view class="titlBox">
			<text class="title">车辆信息</text>
		</view>
		<view class="contentBox">
			<view class="text-line">
				<text class="text-name">车牌号:</text>
				<text class="text-value">{{dataBean.carNo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">车架号:</text>
				<text class="text-value">{{dataBean.vinNo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">品牌/车系/车型:</text>
				<text class="text-value">{{dataBean.carInfo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">归属门店:</text>
				<text class="text-value">{{dataBean.belongingStoreName|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">停靠门店:</text>
				<text class="text-value">{{dataBean.locatedStoreName|filterNull}}</text>
			</view>

			<u-line color="#efefef" margin="0 0 30rpx 0"></u-line>

			<view class="text-line">
				<text class="text-name">车辆状态:</text>
				<text class="text-value">{{dataBean.carStatus|carStatus}}</text>
			</view>
			
			<template v-if="dataBean.maintainanceTip">
				<u-line color="#efefef" margin="0 0 30rpx 0"></u-line>
				
				<view class="text-line">
					<text class="text-name">保养提醒:</text>
					<text class="text-value" style="color: red;">{{dataBean.maintainanceTip|filterNull}}</text>
				</view>
			</template>
			
		</view>


	</view>

</template>

<script>
	export default {
		name: "remind-carinfo",
		data() {
			return {

			};
		},
		props: {
			dataBean: {
				type: Object,
				default: () => {
					return {}
				}
			},
		}
	}
</script>

<style lang="scss">
</style>
